﻿@import url('reset.css');

/* General Codrops Demo Style */
body {
    background: #1F1F1F url(../images/pattern.png) repeat top left;
    color: #fff;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size: 14px;
}

a {
    color: #ddd;
    text-decoration: none;
}

    a:hover {
        color: #00c6e3;
    }

p.sub {
    padding: 25px 10px 10px 10px;
    text-align: left;
    color: #aaa;
}

.clr {
    clear: both;
}

h1 {
    margin: 5px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    font-family: "Pacifico", Georgia, "Times New Roman", serif;
    -webkit-text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px #000;
    line-height: 30px;
    height:30px;
}

    h1 span {
        font-size: 10px;
        display: block;
        letter-spacing: 2px;
        font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
        color: #00c6e3;
        line-height: 14px;
        padding-top: 10px;
        -webkit-text-shadow: none;
        text-shadow: none;
        text-transform: uppercase;
    }
/* Header Style */
.header {
    font-size: 13px;
    background: #000;
    opacity: 0.9;
    text-transform: uppercase;
    -moz-box-shadow: 1px 0px 2px #000;
    -webkit-box-shadow: 1px 0px 2px #000;
    box-shadow: 1px 0px 2px #000;
}

    .header a {
        line-height: 18px;
        padding: 0 4px;
        letter-spacing: 1px;
        -webkit-text-shadow: 1px 1px 1px #000;
        text-shadow: 1px 1px 1px #000;
        color: #ddd;
    }

        .header a:hover {
            color: #fff;
        }

        .header a span {
            font-weight: bold;
        }

    .header span.right_ab {
        float: right;
    }

.content {
    margin: 0px 25px 30px 25px;
}

@media screen and (max-width: 640px) {
    .header a {
        display: block;
        text-align: center;
        font-size: 10px;
        -webkit-text-shadow: none;
        text-shadow: none;
    }

    .header span.right_ab {
        float: none;
    }
}


.gallery-wrapper {
    width: 900px;
    height: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -450px;
    margin-top: -350px;
    
}



.imgwrapper {
    width: 900px;
    height: 600px;
    background: #1F1F1F url(../images/black.png) repeat top left;
}
.gallery-left,.gallery-image,.gallery-right,.gallery-leftItem,.gallery-items,.gallery-rightItem {
    float:left;
}
.gallery-image {
    width:804px;
    margin-left:48px;
    text-align:center;
}
.description {
    text-align:left;
    margin:0 auto;
    line-height:20px;
    width:666px;
    font-size:12px;
}
    .description p {
        margin:0;
        padding:0;
    }
.itemwrapper {
    width: 900px;
    height: 80px;
    margin-top:20px;
     background: #1F1F1F url(../images/black.png) repeat top left;
}
.gallery-leftItem,.gallery-rightItem{
    position:relative;
    height:80px;
    margin-left:5px;
}
.gallery-rightItem {
    margin-left:10px;
    float:right;
}

.es-nav span{
    position:absolute;
	background:transparent url(../images/nav_thumbs.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
    top:50%;
}
.es-nav-prev {
}
.es-nav span.es-nav-next{
	right:8px;
	left:auto;
	background-position:top right;
}
.gallery-items ul {
    list-style:none;
    margin:0;
    padding:0;
    margin-left:2px;
}
.gallery-items ul li{
    list-style:none;
    float:left;
    display:inline-block;
    height:60px;
    width:80px;
    margin:8px 7px;
}

.gallery-items ul li img{
    border:2px solid #777;
    height:60px;
    width:80px;
}
    .gallery-items ul li img.current {
        border:2px solid #eee;
    }

.gallery-items {
    margin-left:15px;
    width:855px;
}